//1. 导入这两个包 名字不能改
import React from "react"; //创建组件 虚拟DOM 生命周期
import ReactDOM from "react-dom"; //把创建好的组件 虚拟DOM 放到页面上

//2. 创建虚拟dom
//参数1:创建类型,字符串,元素名称
//参数2:是一个对象或者null,当前元素属性
//参数3-n:子节点(其他虚拟Dom 文本子节点)
//js中不能写类似html标记语言,否则打包失败,但是可以用babel转换这些
//类似html的标记语法 ,叫 JSX 语法 
const mydiv =<div id="mydiv">这是一个div元素</div>

//3. ReactDOM 渲染到页面上
//参数1: 要渲染的虚拟DOM元素
//参数2: 指定渲染的容器,只能是DOM元素
ReactDOM.render(mydiv,document.getElementById('app'));
